@extends('layouts.mobile_main')

@section('title', '我的')

@section('resources')
    @parent
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="{{ env('CSS_DOMAIN') }}css/public.css?v={{env('CSS_VERSION')}}">
    <script src="{{ env('JS_DOMAIN') }}/js/adaptation.js?v={{env('JS_VERSION')}}"></script>
	<style>
		.me{width: 100%;height: 5rem;background: url({{env('IMAGE_DOMAIN')}}images/me_background.png) 0 0 no-repeat;background-size: 100%;}
		#download{position: fixed;bottom: 1.6rem;right: 0;width: 100%;height: 1.6rem;background: rgba(172,125,204,0.8);}
        #download .down_close{position: absolute;top: -0.6rem;left: 0;width: 0.75rem;}
        #download .down_logo{width: 1.2rem;float: left;margin-left: 0.6rem;margin-top: 0.2rem;}
        #download p{float: left;margin-left: 0.6rem;overflow: hidden;width: 3rem;}
        #download span{float: left;}
        #download .down_down img{width: 2.5rem;float: left;height: 1rem;}
	</style>
@endsection

@section('content')
	<header class="me">
		<div class="oh me_top">
			<!-- <a href="" class="fr"><img class="fr" src="{{env('IMAGE_DOMAIN')}}images/news.png?v={{env('IMAGE_VERSION')}}" alt=""></a> -->
		</div>
		<div class="tc me_bottom">
		    <a href="/mobile/mycenter/user/get">
                <p class="pr">
                    <img class="me_avatar" src="{{$avatar}}" alt="">
                    <img class="me_minute" src="{{env('IMAGE_DOMAIN')}}images/go_w.png?v={{env('IMAGE_VERSION')}}" alt="">
                </p>
                @if(isset($nickname))
                    <span class="fz_40 co_white me_name">{{$nickname}}</span>
                @else
                    <span class="fz_40 co_white me_name">菠萝君</span>
                @endif
			</a>
		</div>
	</header>

	<!-- 内容部分 -->
	<section class="me_center">

		<ol class="me_my">
			<li>
				<a class="oh" href="/mobile/mycenter/redenvelope">
					<img class="fl" style="margin-left: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/redbag.png?v={{env('IMAGE_VERSION')}}" alt="">
					<p class="fl fz_40">红包</p>
					<img class="fr" style="margin-right: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/go_g.png?v={{env('IMAGE_VERSION')}}" alt="">
					<span class="fr fz_40" style="color: red;margin-right: 0.2rem;">{{$sumredenvelopes}}个</span>
				</a>
			</li>
			<li>
				<a class="oh" href="/mobile/wallet/recharge/note">
					<img class="fl" style="margin-left: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/chongzhirecord.png?v={{env('IMAGE_VERSION')}}" alt="">
					<p class="fl fz_40">充值记录</p>
					<img class="fr" style="margin-right: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/go_g.png?v={{env('IMAGE_VERSION')}}" alt="">
				</a>
			</li>
		</ol>
		<ol class="me_my">
		    <!--
			<li>
				<a class="oh" href="">
					<img class="fl" style="margin-left: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/record.png?v={{env('IMAGE_VERSION')}}" alt="">
					<p class="fl fz_40">浏览记录</p>
					<img class="fr" style="margin-right: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/go_g.png?v={{env('IMAGE_VERSION')}}" alt="">
				</a>
			</li>
			-->
			<li>
				<a class="oh" href="/mobile/mycenter/collection">
					<img class="fl" style="margin-left: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/collection.png?v={{env('IMAGE_VERSION')}}" alt="">
					<p class="fl fz_40">我的收藏</p>
					<img class="fr" style="margin-right: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/go_g.png?v={{env('IMAGE_VERSION')}}" alt="">
				</a>
			</li>
			<li>
				<a class="oh" href="/mobile/mycenter/subscription">
					<img class="fl" style="margin-left: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/subscription.png?v={{env('IMAGE_VERSION')}}" alt="">
					<p class="fl fz_40">我的订阅</p>
					<img class="fr" style="margin-right: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/go_g.png?v={{env('IMAGE_VERSION')}}" alt="">
				</a>
			</li>
		</ol>
		<ol class="me_my">
			<li>
				<a class="oh" href="/mobile/mycenter/account/security">
					<img class="fl" style="margin-left: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/account.png?v={{env('IMAGE_VERSION')}}" alt="">
					<p class="fl fz_40">账号与安全</p>
					<img class="fr" style="margin-right: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/go_g.png?v={{env('IMAGE_VERSION')}}" alt="">
				</a>
			</li>
			<li>
				<a class="oh" href="/mobile/mycenter/password/index">
					<img class="fl" style="margin-left: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/key.png?v={{env('IMAGE_VERSION')}}" alt="">
					<p class="fl fz_40">支付密码</p>
					<img class="fr" style="margin-right: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/go_g.png?v={{env('IMAGE_VERSION')}}" alt="">
				</a>
			</li>
		</ol>
		<ol class="me_my">
			<!-- <li>
				<a class="oh" href="{{$recommendurl}}">
					<img class="fl" style="margin-left: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/gift.png?v={{env('IMAGE_VERSION')}}" alt="">
					<p class="fl fz_40">推荐有奖</p>
					<img class="fr" style="margin-right: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/go_g.png?v={{env('IMAGE_VERSION')}}" alt="">
				</a>
			</li> -->
			<li>
				<a class="oh" href="/mobile/mycenter/question">
					<img class="fl" style="margin-left: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/custom_service.png?v={{env('IMAGE_VERSION')}}" alt="">
					<p class="fl fz_40">客服中心</p>
					<img class="fr" style="margin-right: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/go_g.png?v={{env('IMAGE_VERSION')}}" alt="">
				</a>
			</li>
			<li>
				<a class="oh" href="/mobile/mycenter/shop/joinin">
					<img class="fl" style="margin-left: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/seller.png?v={{env('IMAGE_VERSION')}}" alt="">
					<p class="fl fz_40">商家入驻</p>
					<img class="fr" style="margin-right: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/go_g.png?v={{env('IMAGE_VERSION')}}" alt="">
				</a>
			</li>
			<li>
				<a class="oh" href="/mobile/mycenter/more">
					<img class="fl" style="margin-left: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/more.png?v={{env('IMAGE_VERSION')}}" alt="">
					<p class="fl fz_40">更多</p>
					<img class="fr" style="margin-right: 0.6rem;" src="{{env('IMAGE_DOMAIN')}}images/go_g.png?v={{env('IMAGE_VERSION')}}" alt="">
				</a>
			</li>
		</ol>
		@if(isset($wxopenid) && ($wxopenid != ''))
		@else
		    <a href="/mobile/logout"><button class="me_out fz_48">退出登录</button></a>
		@endif
	</section>
	<nav id="download">
        <img class="down_close" src="{{env('IMAGE_DOMAIN')}}images/index_close.png?v={{env('IMAGE_VERSION')}}" alt="">
        <img class="down_logo" src="{{env('IMAGE_DOMAIN')}}images/index_logo.png?v={{env('IMAGE_VERSION')}}" alt="">
        <p>
            <span class="fz_48 co_white" style="margin-top: 0.2rem;">翻贝网App</span>
            <span class="fz_40 co_white">翻贝网·翻倍花</span>
        </p>
        <a class="down_down" href="/mobile/app/download" style="float: right;margin-top: 0.3rem;margin-right: 0.6rem;"><img src="{{env('IMAGE_DOMAIN')}}images/index_download.png?v={{env('IMAGE_VERSION')}}" alt=""></a>
    </nav>
	@include('layouts.mobile_footer')
@endsection

@section('scriptResources')
    @parent
    <script src="{{env('JS_DOMAIN')}}/js/include.js?v={{env('JS_VERSION')}}"></script>
    <script>
	    window.onresize=function(){
		    pagesp();
	    }
	    $(function(){
	    	$(".down_close").click(function(){
                $("#download").hide();
            })
	    })
    </script>
@endsection